<!DOCTYPE html>
<html lang="en">
  <head>
    <!--================== Basic Page Needs================================ -->
    <meta charset="utf-8">
    <meta http-equiv="pragma" content="no-cache" />
    <meta http-equiv="content-type" content="no-cache, must-revalidate" />
    <meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <title>Home</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" type="image/icon" href="images/favicon.ico"/>
    <!-- ==================== CSS ============================== -->       
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">       
    <link id="switcher" href="css/themes/default-theme.css" rel="stylesheet">   
    <link href="css/slick.css" rel="stylesheet"> 
    <link rel='stylesheet prefetch' href='css/photoswipe.css'>
    <link rel='stylesheet prefetch' href='css/default-skin.css'>    
    <link href="css/style.css" rel="stylesheet">
    <!-- 自定义的css -->
    <link href="css/diystyle.css" rel="stylesheet">
    <!-- Google fonts -->
    <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>  
    <link href='https://fonts.googleapis.com/css?family=Habibi' rel='stylesheet' type='text/css'>   
    <link href='https://fonts.googleapis.com/css?family=Cinzel+Decorative:900' rel='stylesheet' type='text/css'>
    <script src="js/jquery.js"></script>
  </head>
  <body>  
    <!-- BEGAIN PRELOADER -->
    <div id="preloader">
      <div id="status">&nbsp;</div>
    </div>
    <!-- END PRELOADER -->
    <!--=========== BEGIN HEADER SECTION ================-->
    <header id="header">
      <!-- BEGIN MENU -->
      <div class="menu_area">
        <nav class="navbar navbar-default navbar-fixed-top" role="navigation">  
          <div class="container">
            <div class="navbar-header">
              <!-- FOR MOBILE VIEW COLLAPSED BUTTON -->
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <!-- TEXT BASED LOGO -->
				      <a class="navbar-brand" href="index.html"><em><img src="images/logo.png" style="width:140px;height:55px; margin-bottom: 20px;"></em></a>    
            </div>
            <div id="navbar" class="navbar-collapse collapse"  style="bottom: 60px;">
              <ul id="top-menu" class="nav navbar-nav navbar-right main-nav">                
                <li><a href="pages/joinus_element.html">加入我们</a></li>                
              </ul>           
            </div>
          </div>     
        </nav>  
      </div>
      <!-- END MENU -->    
    </header>
    <!--=========== END HEADER SECTION ================-->   

    <!--=========== BEGIN SLIDER SECTION ================-->
    <section id="sliderArea">
      <div class="top-slider">
        <div class="top-slide-inner">
          <div class="slider-img">
            <div  class="slider-text" style="height: 600px;">
              <!-- <div>
                <h2>"以<strong style="font-size: 55px;">技术为驱动力</strong>的社团"</h2>
              </div>
              <div style="margin-top: 20px;"> 
                <p style="font-size: 20px;" class=" " id="topintroduce">                  
                  蜂巢工作室是一个以技术为驱动力的社团。由一群热爱互联网的人创建，希望能够邀请更多对互联网感兴趣的同学一起学习最新的互联网知识、分享自己的经验。
                </p>
              </div> -->
            </div>
          </div>
        </div>
      </div>
    </section>
    <!--=========== END SLIDER SECTION ================-->

  <!--=========== BEGAIN introduce SECTION ================-->
  <section id="testimonial">
    <div class="container" id="members">
      <div class="row">
        <div class="col-lg-12 col-md-12">
          <div class="testimonial-area">
           <!-- Start Service Title -->
            <div class="section-heading">
              <h2>关于我们</h2>
              <div class="line"></div>
            </div>
            <div class="testimonial-area" id="about_us_club">
                <!--=========== 这里是在fun5里面插入的关于我们的介绍 ===========-->
                          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;大学相对宽松的课程安排，让我们有更多的时间和精力去做我们想做的事情，但很多时候，想要
            为目标付诸行动时却发现我们根本就不知道从哪里下手。甚至身边没有人懂我们想要做什么，更不要说去寻求帮助。百度搜到的是大部分都是培训班的
            广告；即便搜到了各种技术文档，初入大学的我们针织不知道如何学习这些文档；学习这些课外知识遇到困难想找人交流时，却发现自己是孤身一人。
            于是，我们创建了蜂巢工作室，让想学习又没有方向的同学找到方向，让对互联网技术感兴趣的同学有一个学习交流的环境。<br><br>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;蜂巢工作室成立的初衷就是提供一个平台，帮助那些对互联网技术感兴趣，并且愿意
            持续投入时间和精力学习的同学。让你能够找到归属感、不断提高自身能力。大学四年时间转瞬即逝，很多同学浑浑噩噩过了四年，毕业
            时才追悔莫及。如果你想在毕业时得到比别人更好的结果，就要在这四年付出比别人更多的努力：有一个明确的职业规划，并为了实现职
            业目标不断的学习。<br><br>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在蜂巢工作室，不会像学校或者培训机构那样手把手教你用工具或者套模版，但会带你找到学习方向、让你掌握解决问题的方法、使你具备独立学习的
            能力。让你知道自己目前需要做什么，以及未来可以做什么。蜂巢工作室的前辈们会给你分享学习的经验和教训，避免你走太多的弯路。我们的最终目标就
            是，让每一个能坚持下来的成员，在离开大学的时候都具备独当一面的能力。
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
 <!--=========== END introduce SECTION ================-->


    <!--=========== 团队成员 ================-->
    <section id="meetDoctors">
      <div class="container">
        <div class="row">
          <div class="col-lg-12 col-md-12">
            <div class="meetDoctors-area">
              <div class="section-heading">
                <h2 name="members">团队成员</h2>
                <div class="line"></div>
              </div>
              <div class="doctors-area">
                <ul  class="doctors-nav" id="team_members">
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!--=========== End Doctors SECTION ================-->
    <!--=========== 项目浏览 ================-->
    <!-- <section id="homeBLog">
      <div class="container">
        <div class="row">
          <div class="col-lg-12 col-md-12">
            <div class="homBlog-area" id="usescence">
              <div class="section-heading">
                <h2>项目浏览</h2>
                <div class="line"></div>
              </div> 
              <div class="homeBlog-content">
                <div class="row" id="our_projects_club">
                  
                </div>
              </div>             
            </div>
          </div>
        </div>
      </div>
    </section> -->
      <!--=========== 加入我们部分 ================-->
    <section id="service">
        <div class="container" id="joinus">
          <div class="row">
            <div class="col-lg-12 col-md-12">
              <div class="service-area">
                <div class="section-heading">
                  <h2 name="aboutus">加入我们</h2>
                  <div class="line"></div>
                </div>
                <div class="service-content">
                  <div class="row" id="youCanGet">
                    <!--=========== 从fun5函数插入你可以获得 ================-->
                  </div>
                </div>
                <div class="section-heading">
                  <h2>我们的要求</h2>
                  <div class="line"></div>
                </div>
                <div class="contain_yaoqiu">
                    <!--=========== 从fun5函数插入我们的要求 ================-->
                    <p class="yaoqiu">你可以不懂太多专业知识，但你要清楚自己到底想要什么；</p>
                    <p class="yaoqiu">你可以不十分聪明（也别太笨），但你要能为了目标持之以恒；</p>
                    <p class="yaoqiu">你可以不善言谈，但要乐于分享和交流；</p>
                    <p class="yaoqiu">学习编程的收获是巨大的，过程也是很枯燥的，如果不能坚持就请不要开始。</p>
                    <br />
                    <div class="baoming">立即报名</div>
                </div>
              </div>
            </div>
          </div>
        </div>
    </section>

    <!--=========== 底部留白区域 ================-->
    <footer id="footer">
      <!-- Start Footer Top -->
      <div class="footer-top"> </div>
      <!--备案号 -->
      <div class="footer-bottom">
        <div class="container">
          <div class="row">
            <div class="col-md-12">
              <p>苏ICP备19021468号-1</p>
            </div>
          </div>
        </div>
      </div>
    </footer>
    <!--=========== 底部结束部分的引用 ================-->
    <script src="js/fun5.js"></script>
    <script src="js/bootstrap.min.js"></script>  
    <script src="js/slick.min.js"></script> 
    <script type="text/javascript" src="js/modernizr.custom.79639.js"></script>
    <script src="js/waypoints.min.js"></script>
    <script src="js/jquery.counterup.min.js"></script>
    <script src="js/snap.svg-min.js"></script>
    <script src="js/hovers.js"></script>   
    <script src='js/photoswipe.min.js'></script>
    <script src='js/photoswipe-ui-default.min.js'></script>    
    <script src="js/photoswipe-gallery.js"></script>
    <script src="js/custom.js"></script>
  </body>
</html>